import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import store from './redux/store'
import { Provider } from 'react-redux';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  //应用中需要用到store的，provider都会将store传到需要用到store的容器组件
  <Provider store={store}>
    <App />
  </Provider>,
);
// 检测redux中状态的改变，若有改变，则重新渲染（diff算法，无需担心性能）
// store.subscribe(() => {
//   console.log(store.getState())
//   root.render(
//     <App />
//   );
// })
